import Vue from 'vue'
import VueRouter from 'vue-router'
// import Parenting from '../components/lanmu/Parenting.vue'
// import Parenting from '../components/lanmu/Parenting.vue'
// import Travelstar from '../components/lanmu/Travelstar.vue'
import Sport from '../components/lanmu/Sport.vue'
import Rock from '../components/lanmu/Rock.vue'
import Kuchipudi from '../components/lanmu/Kuchipudi.vue'
import Drama from '../components/lanmu/Drama.vue'
import Lanmu from '../views/Lanmu.vue'
import selectSeat from '../views/selectSeat.vue' 
// import Home from '../views/Home.vue'
import Tabulation from '../views/Tabulation.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/lanmu',
    name: 'Lanmu',
    component: Lanmu,
    redirect: '/lanmu/parenting',
    children: [
      {
        path: '',
        name: 'Parenting',
        component: function(){
          return import("@/components/lanmu/Parenting.vue")
        }
      },
      {
        path: 'parenting',
        name: 'Parenting',
        component: function(){
          return import("@/components/lanmu/Parenting.vue")
        }
      },
      {
        path: 'sport',
        name: 'Sport',
        component: Sport
      },
      {
        path: 'rock',
        name: 'Rock',
        component: Rock
      },
      {
        path: 'kuchipudi',
        name: 'Kuchipudi',
        component: Kuchipudi
      },
      {
        path: 'drama',
        name: 'Drama',
        component: Drama
      }
    ]
    
  },
  {
    path: '/',
    name: 'Home',
    component:function () {  
      return import('@/views/Home.vue');
    }
  },
  {
    path: '/home',
    name: 'Home',
    component: function () {  
      return import('@/views/Home.vue');
    }
  },
  {
    path:'/select',
    name:'selectSeat',
    component:selectSeat
  },
  {
    path:'/tabulation',
    name: "Tabulation",
    component:Tabulation
  },
  {
    path:'/orderYes',
    name:'orderYes',
    component:function(){
      return import('@/views/orderYes.vue');
    }
  },
  {
    path:'/orderPay',
    name:'orderPay',
    component:function(){
      return import('@/views/orderPay.vue');
    }
  },
  {
    path:'/wxPay',
    name:'wxPay',
    component:function(){
      return import('@/views/wxPay.vue');
    }
  },
  {
    path:'/login',
    name:'Login',
    component:function(){
      return import('@/views/wxPay.vue');
    }
  },
  
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
